<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>

<%--引入JSTL 核心库--%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
<meta charset="utf-8" />
<title>天天果园-水果网购首选品牌，水果，我们只挑有来头的！</title>
<link rel="stylesheet" type="text/css" href="css/main.css" />
<link rel="stylesheet" type="text/css" href="css/index.css" />
<script src="js/imgs.js" type="text/javascript" charset="utf-8"></script>
<jsp:include page="head/head.jsp"></jsp:include>

</head>
<body onload="fimg()">
	<div class="imgs">
		<div class="con">
			<div id="p0" class="show">
				<a target="_blank"
					href="http://huodong.fruitday.com/sale/zhongqiu0906/pcsh.html"><img
					src="img/index/h0.jpg" alt="" /></a>
			</div>
			<div id="p1" class="non">
				<a target="_blank"
					href="http://huodong.fruitday.com/sale/midautumn/pc.html"><img
					src="img/index/h1.jpg" alt="" /></a>
			</div>
			<div id="p2" class="non">
				<a target="_blank"
					href="http://huodong.fruitday.com/sale/912_oh/pc.html"><img
					src="img/index/h2.jpg" alt="" /></a>
			</div>
			<div id="p3" class="non">
				<a target="_blank"
					href="http://subject.fruitday.com/sale/pg/pg.html"><img
					src="img/index/h3.jpg" alt="" /></a>
			</div>
			<div id="p4" class="non">
				<a target="_blank"
					href="http://huodong.fruitday.com/sale/Zespri_0901/PC.html"><img
					src="img/index/h4.jpg" alt="" /></a>
			</div>

			<ul class="imgul">
				<li id="l0" onmouseover="simg(this.innerHTML)" onmouseout="fimg()">1</li>
				<li id="l1" onmouseover="simg(this.innerHTML)" onmouseout="fimg()">2</li>
				<li id="l2" onmouseover="simg(this.innerHTML)" onmouseout="fimg()">3</li>
				<li id="l3" onmouseover="simg(this.innerHTML)" onmouseout="fimg()">4</li>
				<li id="l4" onmouseover="simg(this.innerHTML)" onmouseout="fimg()">5</li>
			</ul>
		</div>
	</div>

	<div class="fruitboxs">

		<div class="con">
			<div class="fhead">
				<div class="fhr"></div>
				<div class="ser_more">
					<div class="fser">热卖专区</div>
					<div class="fmore">
						<a href="">查看更多 ></a>
					</div>
				</div>
			</div>
			<%--循环输出10个来自数据库的真水果--%>
			<%--items:循环的集合是谁
			 	var: 集合当中的每个临时元素
			 --%>
			<c:forEach items="${hotfruits}" var="hotfruit">



				<div class="fruit_box">
					<div class="fruit_img">
						<a href="/fruit/goods/GetFruitByFidServlet?f_id=${hotfruit.f_id}">
							<img src="img/fruits/${hotfruit.f_id}/(1).jpg" /></a>
					</div>
					<div class="fruit_name">
						<a href="/fruit/goods/GetFruitByFidServlet?f_id=${hotfruit.f_id}">${hotfruit.f_name}</a>
					</div>
					<div class="fruit_num">${hotfruit.f_norm}</div>
					<div class="fruit_mon">${hotfruit.f_price}</div>
				</div>

			</c:forEach>
		</div>
	</div>

	<jsp:include page="footer/footer.jsp"></jsp:include>
</body>
</html>

<!--<script language="javascript">
function getData() {
window.location.href = "getDataServlet";
}
</script>
<BODY onload="getData()">-->

